<template>
    <div class="prompt-win" v-if="isShowPop">
        <div class="win-box bgcFFF absolute-center text-c">
            <img src="../assets/img/icon_group_booking.png" alt="">
            <p class="fs16 color45454D">活动尚未开始</p>
            <p class="fs12">敬请期待~</p>
            <p class="text-c btn">
                <span class="fs15 text-c inline-block" @click.stop="handleClose">我知道了</span>
            </p>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default{
        data(){
            return {

            }
        },
        props:['isShowPop'],
        methods:{
            handleClose(){
                this.$emit('close')
            }
        }
    }
</script>

<style scoped lang="scss">
  @import "../assets/css/base.scss";
  .prompt-win{
    position: fixed;
    top: 0;
    left:0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index:10;

    .win-box{
      width: 270px;
      height: 220px;
      padding:25px  25px 20px;
      box-sizing: border-box;
      border-radius: 12px;
      color: #333;

      img{
        width: 92px;
        height: 60px;
      }

      .btn{
        margin-top: 24px;

        span{
          background: linear-gradient(left, #3DA0FF, #3D7EFF);
          width: 100%;
          height: 40px;
          line-height: 40px;
          color: #fff;
          border-radius: 22px;
        }
      }
    }
  }
</style>
